<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>飞叶-很有范的导航站</title>
    <link rel="shortcut icon" href="favcion.ico" />
    <link rel="stylesheet" href=" css/iconfont.css">
    <link rel="stylesheet" href="../plug-in/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="container" id="container">
        <aside class="left-bar" id="leftBar">
            <div class="title">
                <p>ifeiye.com</p>
            </div>
            <nav class="nav">
                <div class="item active"><a href=""><i class="iconfont icon-daohang2"></i>飞叶导航http://ifeiye.gitee.io/dh/</a><i class="line"></i></div>
                <ul class="nav-item" id="navItem">
                    <li><a href="#bbs" class="active"><i class="iconfont icon-shequ"></i>在线影视（精选）</a></li>
                    <li><a href="#sill"><i class="iconfont icon-blogger"></i>在线影视（备用）</a></li>
                    <li><a href="#docs"><i class="iconfont icon-wendangdocument78"></i>软件下载</a></li>
                    <li><a href="#tools"><i class="iconfont icon-tool"></i>BT种子</a></li>
                    <li><a href="#design"><i class="iconfont icon-designer"></i>图片壁纸</a></li>
                    <li><a href="#study"><i class="iconfont icon-xuexi1"></i>音频下载</a></li>
                    <li><a href="#operation"><i class="iconfont icon-yunying"></i>在线工具</a></li>
                    <li class="download"><a href="https://gitee.com/ifeiye/dh"><i class="iconfont icon-github"></i>开源地址</a></li>
                </ul>
                <div class="item comment"><a target="_blank" href="http://ifeiye.com/"><i class="iconfont icon-liuyan"></i>留言</a></div>
            </nav>
        </aside>
        <section class="main">
            <div id="mainContent">
                <!-- 手机端菜单 -->
                <div id="menu-box">
               <div id="menu">
                       <input type="checkbox" id="menu-form">
                       <label for="menu-form" class="menu-spin">
                        <div class="line diagonal line-1"></div>
                        <div class="line horizontal"></div>
                        <div class="line diagonal line-2"></div>
                      </label>
                    </div>
                </div>
                <!-- 一号分类 -->
                <div class="box">
                    <a href="#" name="bbs"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-shequ"></i>在线影视（精选）</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://www.magedn.com/">
                            <div class="item">
                                <div class="no-logo">MaGeDN</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://tv.syrme.top/">
                            <div class="item">
                                <div class="no-logo">简影</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.wuguiyy.com/">
                            <div class="item">
                                <div class="no-logo">乌龟影院</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://yscc.cc/">
                            <div class="item">
                                <div class="no-logo">影视播放器</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.tv432.com/">
                            <div class="item">
                                <div class="no-logo">黑米影视</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.duboku.tv/">
                            <div class="item">
                                <div class="no-logo">独播库</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://diliktv.com/">
                            <div class="item">
                                <div class="no-logo">嘀哩影视</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.yhdm.io/">
                            <div class="item">
                                <div class="no-logo">樱花动漫</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.cupfox.com/">
                            <div class="item">
                                <div class="no-logo">茶杯狐</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://nfstar.net/">
                            <div class="item">
                                <div class="no-logo">奈非星</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.wanmeikk.me/">
                            <div class="item">
                                <div class="no-logo">完美看看</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.fenggoudy1.com/">
                            <div class="item">
                                <div class="no-logo">疯狗电影</div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 二号专区 -->
                <div class="box">
                    <a href="#" name="sill"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-blogger"></i>在线影视（备用）</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://www.5itv.cc/">
                            <div class="item">
                                <div class="no-logo">5ITV</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.tcmove.com/">
                            <div class="item">
                                <div class="no-logo">太初</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.meijuxia.net/">
                            <div class="item">
                                <div class="no-logo">美剧虾</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.zjmao.com/">
                            <div class="item">
                                <div class="no-logo">追剧猫</div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 三号区域 -->
                <div class="box">
                    <a href="" name="docs"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-wendangdocument78"></i>软件下载</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://h-s.lanzous.com/b01blmgtg">
                            <div class="item">
                                <div class="no-logo">安卓影视</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://h-s.lanzous.com/b01blomsd">
                            <div class="item">
                                <div class="no-logo">安卓阅读</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://h-s.lanzous.com/b01bmqpta">
                            <div class="item">
                                <div class="no-logo">安卓音频</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://ifeiye.com/">
                            <div class="item">
                                <div class="no-logo">苹果（正添加）</div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 四号 -->
                <div class="box">
                    <a href="" name="tools"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-tool"></i>BT种子</div>
                    </div>
                    <div>
                        <a target="_blank" href="http://clm0.me/">
                            <div class="item">
                                <div class="no-logo">磁力猫</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://ciligou.app/">
                            <div class="item">
                                <div class="no-logo">磁力狗</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://seed8.org/">
                            <div class="item">
                                <div class="no-logo">种子吧</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://btfox0.org/">
                            <div class="item">
                                <div class="no-logo">BT狐狸</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://clb.la/">
                            <div class="item">
                                <div class="no-logo">磁力宝</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://0mag.org/">
                            <div class="item">
                                <div class="no-logo">0mag</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://sobt.me/">
                            <div class="item">
                                <div class="no-logo">SoBT</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://ifeiye.com/">
                            <div class="item">
                                <div class="no-logo">更多（正添加）</div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 五号 -->
                <div class="box">
                    <a href="" name="design"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-wendangdocument78"></i>图片壁纸</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://www.iconfont.cn/">
                            <div class="item">
                                <div class="no-logo">阿里矢量图</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://wallhaven.cc/">
                            <div class="item">
                                <div class="no-logo">wallhaven</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://ihuase.com/bz/">
                            <div class="item">
                                <div class="no-logo">花色壁纸</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://wallroom.io/">
                            <div class="item">
                                <div class="no-logo">wallroom</div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 六号 -->
                <div class="box">
                    <a href="#" name="study"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-xuexi1"></i>音频下载</div>
                    </div>
                    <div>
                        <a target="_blank" href="http://tool.liumingye.cn/music/">
                            <div class="item">
                                <div class="no-logo">MyFreeMP3</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://my-free-mp3s.com/mp3juice">
                            <div class="item">
                                <div class="no-logo">国外MP3</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://moresound.tk/music/">
                            <div class="item">
                                <div class="no-logo">摩声</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.51ape.com/">
                            <div class="item">
                                <div class="no-logo">无损音乐</div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 七号 -->
                <div class="box">
                    <a href="" name="operation"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-yunying"></i>在线工具</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://www.uupoop.com/">
                            <div class="item">
                                <div class="no-logo">PS在线</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.tuyitu.com/photoshop/">
                            <div class="item">
                                <div class="no-logo">在线画图</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://koutu.gaoding.com/">
                            <div class="item">
                                <div class="no-logo">在线抠图</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://duguang.aliyun.com/experience">
                            <div class="item">
                                <div class="no-logo">OCR识别</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.iloveimg.com/zh-cn">
                            <div class="item">
                                <div class="no-logo">iloveimg</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.ilovepdf.com/zh-cn">
                            <div class="item">
                                <div class="no-logo">ilovepdf</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://vocalremover.org/ch/?iao.su">
                            <div class="item">
                                <div class="no-logo">音乐剪辑</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://ifeiye.com">
                            <div class="item">
                                <div class="no-logo">更多（正添加）</div>
                            </div>
                        </a>
                    </div>
                </div>
                <footer class="footer">
                    <div class="copyright">
                        <div>
                            Copyright © 2020- 2021
                            <a href="http://ifeiye.com">飞叶导航</a>
                        </div>
                    </div>
                </footer>
                <div id="fixedBar"><svg class="Zi Zi--BackToTop" title="回到顶部" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><path d="M16.036 19.59a1 1 0 0 1-.997.995H9.032a.996.996 0 0 1-.997-.996v-7.005H5.03c-1.1 0-1.36-.633-.578-1.416L11.33 4.29a1.003 1.003 0 0 1 1.412 0l6.878 6.88c.782.78.523 1.415-.58 1.415h-3.004v7.005z"></path></svg></div>
        </section>
        <script src="js/jquery.js"></script>
        <script>
        var oMenu = document.getElementById('menu');
        var oLeftBar = document.getElementById('leftBar');
        var menuFrom = document.getElementById('menu-form');

        oMenu.onclick = function() {
            if (oLeftBar.offsetLeft == 0) {
                oLeftBar.style.left = -249 + 'px';
            }
            else {
                oLeftBar.style.left = 0;
            }
        }


        // 监听页面宽度变化
        window.onresize = function() {
            judgeWidth();
            // console.log(document.documentElement.clientWidth);
        };

        // 判断页面宽度
        function judgeWidth() {
            if (document.documentElement.clientWidth > 481) {
                oLeftBar.style.left = 0;
            } else {
                oLeftBar.style.left = -249 + 'px';
            }
        }


        var oNavItem = document.getElementById('navItem');
        var aA = oNavItem.getElementsByTagName('a');
        for (var i = 0; i < aA.length; i++) {
            aA[i].onclick = function() {
                for (var j = 0; j < aA.length; j++) {
                    aA[j].className = '';
                }
                this.className = 'active';
                if (oLeftBar.offsetLeft == 0) {
                    if (document.documentElement.clientWidth <= 481) {
                        oLeftBar.style.left = -249 + 'px';
                        menuFrom.checked = false;

                    }
                }
            }
        }


        $(window).scroll(function() {
            if($(window).scrollTop() >= 200){
                $('#fixedBar').fadeIn(300);
            }else{
                $('#fixedBar').fadeOut(300);
            }
        });
        $('#fixedBar').click(function() {
            $('html,body').animate({scrollTop:'0px'},800);
        })
        </script>
</body>

</html>